<script lang="ts" setup>
import { ref } from 'vue';

// 性别
const gender = ref(0); // 0-男 1-女
// 成绩
const score = ref(95);


</script>

<template>
  <p v-if="gender===0">性别: ♂ 男</p>
  <p v-else>性别: ♀ 女</p>
  <hr>
  <p v-if="score >= 90">成绩评定A: 奖励一台电脑</p>
  <p v-else-if="score >= 80">成绩评定B: 奖励周末旅游</p>
  <p v-else-if="score >= 60">成绩评定C: 奖励零食礼包</p>
  <p>成绩评定D: 惩罚一周不能玩手机</p>
</template>

<style scoped>

</style>
